<seed-content class="seed-roll-call"
              [ngClass]="{'seed-white':rollcallData.length==0}">
  <seed-toolbar-header>
    <seed-toolbar-title>{{courseName}}</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>

  <seed-infinite-scroll
    class="roll-call-infinite"
    (infiniteScroll)="loadScrollList()"
  >
    <div class="seed-roll-call-inner">
      <div class="roll-call-search-casing">
        <div class="seed-roll-call-search"
             [ngClass]="{'align-left':blurCheck,'seed-search-center':!blurCheck}">
          <img [src]="getIcon('icon_search@2x.png')" *ngIf="!blurCheck">
          <input
            type="text"
            placeholder="请输入搜索内容"
            [(ngModel)]="keyswords"
            (ngModelChange)="realTimeSearch(keyswords)"
            (blur)="loseBlur()"
            (focus)="getFocus()"
          >
        </div>
      </div>
      <div class="seed-roll-call-info" *ngIf="!nodataMark">
        <div
          class="roll-call-select seed-flexbox seed-flexbox-align-center seed-underline"
          *ngIf="rollcallData.length>0"
        >
          <div class="chose-all fn_left seed-flexbox seed-flexbox-align-center"
               (click)="choseAll(index)"
               *ngIf="choseMore"
          >
            <span class="chose-more-icon"
                  [style.background-image]="'url('+allChoseIcon()+')'"
            ></span>
            <span>全选</span>
          </div>
          <div class="roll-call-space"></div>
          <div class="roll-call-chose-more"
               (click)="moreChose()"
               *ngIf="processor"
          >
            <span>{{choseMore?'单选':'多选'}}</span>
          </div>
        </div>
        <div class="roll-call-list">
          <ul>
            <li
              class="seed-flexbox-content-between seed-flexbox seed-flexbox-align-center seed-underline"
              *ngFor="let item of rollcallData;let i = index"
            >
              <div
                class="roll-call-list-headericon seed-flexbox seed-flexbox-align-center"
                (click)="choseSingle(item)"
              >
                <span class="chose-more-icon"
                      *ngIf="choseMore && !item.freezeStatus"
                      [style.background-image]="'url('+bgImg(item.status,item.id)+')'"
                ></span>
                <span class="chose-more-icon freezeStatus"  *ngIf="choseMore && item.freezeStatus === 1"></span>
                <img class="list-headericon" [src]="getIcon('placeholder_user.png')">
                <div class="roll-call-list-info">
                  <p class="list-name">{{item?.name}}</p>
                  <p class="list-time" *ngIf="item?.status!=0">
                    <!-- <span>{{operateTimeFormate(item?.modifyTime)}}</span>-->
                    <span>{{(item?.modifyTime) | date:'yyyy/MM/dd HH:mm'}}</span>
                  </p>
                </div>
              </div>
              <!--新增不可操作的状态冻结-->
              <div class="list-sign seed-flexbox seed-flexbox-align-center">
                <p *ngIf="!item.freezeStatus">
                  <span
                    class="list-sign-operate list-signed"
                    *ngIf="item?.status==1||item?.status==3||item?.status==2"
                  >{{checkStatus(item?.status)}}</span>
                  <span
                    class="list-sign-operate list-unsign"
                    (click)="operateSingle(item.name,i,1,item.id)"
                    *ngIf="!choseMore&&(item?.status==0||item?.status==4)&&processor"
                  >销课</span>
                  <span class="list-sign-line"
                        *ngIf="checkLine(item?.status)"
                  ></span>
                  <span
                    class="list-sign-operate list-unsign"
                    (click)="operateSingle(item.name,i,3,item.id)"
                    *ngIf="checkLeave(item.status)"
                  >请假</span>
                  <span
                    class="list-sign-operate list-unsign"
                    (click)="operateSingle(item.name,i,0,item.id)"
                    *ngIf="!choseMore&&(item?.status==1||item?.status==3)&&processor"
                  >撤销</span>
                </p>
                <p *ngIf="item.freezeStatus === 1 && !choseMore">
                  <span class="list-sign-operate freeze">已冻结</span>
                </p>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div class="nodata-image" *ngIf="nodataMark">
        <seed-default-graph [url]="'noData'" [text]="'暂无学员'"></seed-default-graph>
      </div>
    </div>
    <seed-infinite-scroll-content *ngIf="rollcallData.length>6"></seed-infinite-scroll-content>
  </seed-infinite-scroll>
  <div class="roll-call-operates-more seed-scroll-outside"
       [ngClass]="{'operates-menu':choseMore && !nodataMark}"
       *ngIf="operateParam.idList.length>0"
  >
    <div
      class="roll-call-second  seed-flexbox seed-flexbox-align-center"
      (click)="operateBatch(1)"
      *ngIf="properties==2"
    >销课
    </div>
    <div seed-resize-display
         *ngIf="properties!=2"
    >
      <div class="roll-call-coat seed-flexbox seed-flexbox-content-between">
        <div
          class="roll-call-sign-menu  seed-flexbox seed-flexbox-align-center"
          (click)="operateBatch(1)"
        >销课</div>
        <div class="seed-flexbox  seed-flexbox-align-center"
             (click)="operateBatch(3)"
        >请假</div>
      </div>
    </div>
  </div>
</seed-content>
